<!DOCTYPE html>
<html>
<head>
    <title>Västra Götalandregionen</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />    
    <meta charset="utf-8">

    <!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
    <!-- Phonegap 1.6.1 -->
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
       
    <link href="framework/jquery.mobile-1.1.0.css" rel="stylesheet" type="text/css" />
    <link href="styles/hriv_app.css" rel="stylesheet" type="text/css" />
    <link href="styles/hriv_app_theme_f.css" rel="stylesheet" type="text/css" />
    
    <script src="framework/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="framework/jquery.mobile-1.1.0.js" type="text/javascript"></script>
    <script src="scripts/jquery.simplemodal-1.4.2.js" type="text/javascript"></script>    
    
    <script src="scripts/observer.js" type="text/javascript"></script>          
    <script src="scripts/hriv.js" type="text/javascript"></script>          
    <script src="scripts/gmap.js" type="text/javascript"></script>
    <script src="scripts/gmap.marker.js" type="text/javascript"></script>            
    <script src="scripts/gmap.map.js" type="text/javascript"></script>   
    <script src="scripts/hriv.data.js" type="text/javascript"></script>                     
    <script src="scripts/hriv.fn.js" type="text/javascript"></script>       
    <script src="scripts/hriv.classes.js" type="text/javascript"></script>
    <script src="scripts/hriv.apde.js" type="text/javascript"></script>       
    <script src="scripts/hriv.app.data.js" type="text/javascript"></script>
    <script src="scripts/hriv.app.marker.js" type="text/javascript"></script>
    <script src="scripts/hriv.app.queue.js" type="text/javascript"></script>
    <script src="scripts/hriv.app.queueFactory.js" type="text/javascript"></script>    
    <script src="scripts/hriv.app.js" type="text/javascript"></script>    
    <script src="scripts/hriv.jQuery.js" type="text/javascript"></script>                       
        
</head>
<body onload="onBodyLoad()">

    <div data-role="page" id="main" data-theme="f">
        <div data-role="header" data-theme="f">
            <h1>Västra Götalandsregionen</h1>
        </div>
        <div id="debugg"></div>
        <div data-role="content">
            <div class="ui-content-text-header">Hitta vård nu</div>
            
            <div class="jqmWindow" id="jqmModal-start"></div>
            
            <div class="ui-listbox">
                <ul data-role="listview" data-inset="false" data-theme="d">                
                    <li data-icon="care" class="ui-li-single ui-li-rounded">        
                        <a id="linkCareUnits" href="#mapCareUnits" data-theme="f">Vårdcentral</a>
                    </li>
                </ul> 
            </div>
            
            <div class="ui-listbox">
                <ul data-role="listview" data-inset="false" data-theme="d">                
                    <li data-icon="duty" class="ui-li-single ui-li-rounded">
                        <a id="linkDutyUnits" href="#mapDutyUnits" data-theme="f">Jourmottagning</a>                        
                    </li>
                </ul> 
            </div>           

            <div class="ui-listbox">
                <ul data-role="listview" data-inset="false" data-theme="d">                
                    <li data-icon="emergency" class="ui-li-single ui-li-rounded">
                        <a id="linkEmergencyUnits" href="#mapEmergencyUnits" data-theme="f">Akutmottagning</a>
                    </li>
                </ul> 
            </div>
        </div>    
    </div>


    <div data-role="page" id="mapCareUnits" class="ui-page-map">
        <div data-role="header" data-theme="f">
            <a href="#main" rel="external" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Vårdcentraler</h1>
            <a href="#" data-icon="compass" class="ui-button"></a>
        </div>

        <div data-role="content"> 
          <div id="map_canvas"></div>
        </div>        
        
        <div data-id="footer" data-role="footer" data-theme="f">
            <a href="#mapCareUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-on ui-button-map" >Karta</a>
            <a href="#listCareUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-off ui-button-list">Lista</a>                       
        </div>                
    </div>
    
    
    <div data-role="page" id="listCareUnits">
        <div data-role="header" data-theme="f" class="listview-header" data-position="fixed">
            <a href="#main" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Vårdcentraler</h1>
        </div>

        <div data-role="content" class="ui-listview-content">                
            <ul id="lCareUnits"  class="ui-listview-units" data-role="listview" data-theme="d"> 
                <li data-icon="false" class="ui-list-load-up" ><a><h3>Gå upp</h3></a></li>                                                  
            </ul>                       
        </div>
        
        <div data-role="footer" data-theme="f" class="listview-footer" data-position="fixed">
            <a href="#mapCareUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-off ui-button-map" >Karta</a>
            <a href="#listCareUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-on ui-button-list">Lista</a>                    
        </div>       
    </div>               
    
    <div data-role="page" id="mapDutyUnits" class="ui-page-map">
        <div data-role="header" data-theme="f">
            <a href="#main" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Jourmottagningar</h1>
            <a href="#" data-icon="compass" class="ui-button"></a>
        </div>

        <div data-role="content">
          <div id="map_canvas_DutyUnits"></div>
        </div>
        
        <div data-role="footer" data-theme="f">
            <a href="#mapDutyUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-on ui-button-map" >Karta</a>
            <a href="#listDutyUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-off ui-button-list">Lista</a>           
        </div>        
    </div>
    
    <div data-role="page" id="listDutyUnits">
        <div data-role="header" data-theme="f" class="listview-header" data-position="fixed">
            <a href="#main" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Jourmottagningar</h1>
        </div>

        <div data-role="content" class="ui-listview-content">
            <ul id="ldutyUnits" class="ui-listview-units" data-role="listview" data-theme="d">  
                <li data-icon="false" class="ui-list-load-up" ><a><h3>Gå upp</h3></a></li>              
            </ul>                       
        </div>
        
        <div data-role="footer" data-theme="f" class="listview-footer" data-position="fixed">
            <a href="#mapDutyUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-off ui-button-map" >Karta</a>
            <a href="#listDutyUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-on ui-button-list">Lista</a>                    
        </div>       
    </div>    
    
    
    <div data-role="page" id="mapEmergencyUnits" class="ui-page-map">
        <div data-role="header" data-theme="f">
            <a href="#main" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Akutmottagningar</h1>
            <a href="#" data-icon="compass" class="ui-button"></a>
        </div>

        <div data-role="content">          
          <div id="map_canvas_Emergency"></div>
        </div>
        
        <div data-id="footer" data-role="footer" data-theme="f">
            <a href="#mapEmergencyUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-on ui-button-map" >Karta</a>
            <a href="#listEmergencyUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-off ui-button-list">Lista</a>                      
        </div>        
    </div>   
    
    <div data-role="page" id="listEmergencyUnits">
        <div data-role="header" data-theme="f" class="listview-header" data-position="fixed">
            <a href="#main" data-direction="reverse" class="back-btn ui-button-back nav-button">hem</a>
            <h1>Akutmottagningar</h1>
        </div>

        <div data-role="content" class="ui-listview-content">                           
            <ul id="lemergencyUnits" class="ui-listview-units" data-role="listview" data-theme="d">
                <li data-icon="false" class="ui-list-load-up" ><a><h3>Gå upp</h3></a></li>                                          
            </ul>                       
        </div>
        
        <div data-role="footer" data-theme="f" class="listview-footer" data-position="fixed">
            <a href="#mapEmergencyUnits"  class="ui-button ui-button-bottom-left ui-button-bottom-left-off ui-button-map">Karta</a>
            <a href="#listEmergencyUnits" class="ui-button ui-button-bottom-right ui-button-bottom-right-on ui-button-list">Lista</a>                       
        </div>       
    </div>    
    
    
      
    <div data-role="page" id="detailview" data-viewid="" class="ui-page-detailview" data-theme="f">
        <div data-role="header" class="detailview-header" data-theme="f" data-position="fixed">
            <a data-rel="back" data-direction="reverse" class="back-btn ui-button-back nav-button">tillbaka</a>
            <h1>Information</h1>
        </div>      
        <div id="detailview-content" data-role="content">
            <div class="detailview-head">VårdCentral</div>
            <div class="detailview-content1"> 
                <div class="ui-li-heading">Öppettider</div>
                <div class="ui-li-desc"></div>
                <div class="ui-li-desc"></div>
                <hr class="detailview-divider">             
                <div class="ui-li-heading">Dropin</div>
                <div class="ui-li-desc"></div>
                <div class="ui-li-desc"></div>
                <hr class="detailview-divider">                 
                <div class="ui-li-heading">Drivs av</div>
                <div class="ui-li-desc"></div>
                <hr class="detailview-divider">
                <div class="ui-li-heading">Tar emot åldersintervall</div>
                <div class="ui-li-desc"></div>                              
            </div>                      
            <div class="detailview-head">Kontaktinfomation</div>
            <div class="detailview-content2">
                <div class="ui-li-heading">Telefontid</div>
                <div class="ui-li-desc"></div>
                <hr class="detailview-divider">
                <div class="ui-li-desc detailview-buttons">                                     
                    <div class="detailview-buttons1"><a href="" data-role="button" data-inline="true">Ring</a></div>
                    <div class="detailview-buttons2"><a id="btnWebSite" href="" data-role="button" data-inline="true">Webbplats</a></div>                                   
                </div>
                <hr class="detailview-divider">
                <div class="ui-li-desc">
                    <a id="btnMap" href="" rel="external" data-role="button">Vägbeskrivning</a>                                 
                </div>
            </div>                      
            <div class="detailview-head">Beskrivning</div>
            <div class="ui-li-heading"></div>
            <div class="ui-li-desc"></div>
        </div>              
    </div>    
</body>
</html>